.heard {
    text-align: center;
    background-color: #fff;
    height: .8rem;

    span {
        display: inline-block;
        height: 1rem;
        line-height: .9rem;
        padding: 0 .3rem;
        font-size: .28rem;
        position: relative;

        &.active {
            color: #FF0036;
            border-bottom: .02rem solid #FF0036;
        }

        > span {
            position: absolute;
            top: .16rem;
            left: .5rem;
        }
    }
}

.MyList {
    height: 90%;
    margin: 0!important;
    > div {
        &:last-child {

            &:last-child {
                padding: 0rem .1rem;
            }
        }
    }
}

.box_div {
    width: 100%;
    position: absolute;
    top: 2rem;
    bottom: .8rem;
    overflow: hidden;
}

.model {
    min-height: 2rem;
    min-width: .2rem;
    margin: 0 .24rem;

    > div {
        min-height: 2rem;
        background-color: #fff;
        padding: .33rem .25rem;
        margin-top: .33rem;
        border-radius: 10px;

        > p {
            margin: 0;
            padding: 0rem 0rem .33rem;
            color: #B4B3B3;
        }

        > div {
            position: relative;

            > img {
               height: 1.8rem;
               width: 1.8rem;
               border: 2px solid #8a8a8a;
            }

            > p {
                margin: 0;
                position: absolute;
                line-height: .38rem;
                top: 50%;
                left: 2.1rem;
                right: .6rem;
                transform: translateY(-50%);
                overflow: hidden;
                font-size: .28rem;
            }

            > span {
                position: absolute;
                top: 50%;
                right: .08rem;
                transform: translateY(-50%) scale(1.5, 1.8);
            }
        }


    }

    > p {
        margin: .25rem .4rem 0rem;
        text-align: center;
        color: #B4B3B3;
        font-size: .24rem;
    }

}

.messageCSS {
    min-height: 1rem;
    min-width: .2rem;
    margin: .2rem .24rem;
    background-color: #fff;
    padding: .24rem .33rem;
    position: relative;

    > img {
        height: 1.1rem;
        width: 1.1rem;
    }

    > div {
        position: absolute;
        left: 1.5rem;
        top: 50%;
        transform: translateY(-50%);

        > p {
            margin: 0;
            &:first-child {
                margin: 0 0 .16rem;
                font-size: .3rem;
            }
            &:last-child {
                color: #666666;
            }
        }
    }

    > span {
        position: absolute;
        top: .2rem;
        right: .3rem;
    }


}

.noData {
    // height: 6rem;
    position: absolute;
    top: 2rem;
    bottom: 0rem;
    width: 100%;
    // background-color: #e5e5e5;
    color: #999999;

    > img {
        display: block;
        margin: 2rem auto 0rem;
    }

    > p {
        text-align: center;
        color: #999999;
        font-size: .36rem;
        margin-top: .5rem;
    }
}
